extends common/layout
block content
    link(rel='stylesheet' type='text/css' href='../css/submit-order.min.css')
    include common/head
    div.submit-order-container
        include common/orderHead
        div.main-wrap
            p.tip
                span 确认收货地址
                a.blue-font(href="addressManage.html") 管理收货地址
            div.address-wrap
                div.address-list
                    div.address-item.active
                        label
                            input(type="radio" name="address")
                            span 【默认地址】
                            span 浙江省 杭州市 西湖区 文三街道 立元大厦3楼沃土教育
                            span （大麦 收）
                            span 1399002233
                    div.address-item
                        label
                            input(type="radio" name="address")
                            span 浙江省 杭州市 西湖区 文三街道 立元大厦3楼沃土教育
                            span （大麦 收）
                            span 1399002233
                    div.address-item
                        label
                            input(type="radio" name="address")
                            span 浙江省 杭州市 西湖区 文三街道 立元大厦3楼沃土教育
                            span （大麦 收）
                            span 1399002233
                div.null-address-list.hidden
                    img(src="../image/icon_address.png")
                    p 这里还没有收货地址，快去添加收货地址吧！
                    a.btn.btn-orange 添加收货地址
            div.order-info-wrap
                p 确认订单信息
                div.order-info-item
                    p
                        span 店铺：大麦开的第一家店
                        span 卖家：大麦
                    div.order-info-table
                        table
                            thead
                                tr
                                    th 店铺宝贝
                                    th 商品属性
                                    th 单价
                                    th 数量
                                    th 优惠
                                    th 商品总价
                            tbody
                                tr
                                    td
                                        img(src="../image/main2.png")
                                        p.title 这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三排
                                    td
                                        p 尺寸: 37码
                                        p 颜色分类: 粉色
                                    td ￥100
                                    td
                                        div.change-count
                                            button.btn.btn-min(disabled) -
                                            span.num 1
                                            button.btn.btn-add +
                                    td ￥2.00
                                    td.red-font ￥100.00
                                tr
                                    td
                                        img(src="../image/main2.png")
                                        p.title 这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三排
                                    td
                                        p 尺寸: 37码
                                        p 颜色分类: 粉色
                                    td ￥100
                                    td
                                        div.change-count
                                            button.btn.btn-min(disabled) -
                                            span.num 1
                                            button.btn.btn-add +
                                    td ￥2.00
                                    td.red-font ￥100.00
                    p.time 发货时间：卖家承诺订单在买家付款后，24小时内发货
                div.order-info-item
                    p
                        span 店铺：大麦开的第一家店
                        span 卖家：大麦
                    div.order-info-table
                        table
                            thead
                                tr
                                    th 店铺宝贝
                                    th 商品属性
                                    th 单价
                                    th 数量
                                    th 优惠
                                    th 商品总价
                            tbody
                                tr
                                    td
                                        img(src="../image/main2.png")
                                        p.title 这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三排
                                    td
                                        p 尺寸: 37码
                                        p 颜色分类: 粉色
                                    td ￥100
                                    td
                                        div.change-count
                                            button.btn.btn-min -
                                            span.num 1
                                            button.btn.btn-add +
                                    td ￥2.00
                                    td.red-font ￥100.00
                                tr
                                    td
                                        img(src="../image/main2.png")
                                        p.title 这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三这里是一个商品的名字大概一排可以放十三个字放两排放量放两排放量放两排放量三排
                                    td
                                        p 尺寸: 37码
                                        p 颜色分类: 粉色
                                    td ￥100
                                    td
                                        div.change-count
                                            button.btn.btn-min -
                                            span.num 1
                                            button.btn.btn-add +
                                    td ￥2.00
                                    td.red-font ￥100.00
                    p.time 发货时间：卖家承诺订单在买家付款后，24小时内发货

            div.price-more-wrap
                span 商品总价：
                i.red-font ￥400.00
                span 运费：
                div.select-block
                    select
                        option 快递：0.00
                        option EMS：0.00
                span 订单总价：
                i.red-font ￥400.00
            div.order-desc-wrap
                div.desc-wrap
                    p
                        span 实付款：
                        span.red-font ￥400.00
                    p 寄送至：浙江省 杭州市 西湖区 文三街道 立元大厦三楼
                    p 收货人：大麦麦 1332223455
            div.btn-container
                button.btn.btn-orange 提交订单
    script.
        $(".address-item input[type='radio']").change(function () {
            $(".address-item").removeClass("active");
            if($(this).get(0).checked) {
                $(this).parent().parent().addClass("active");
            }
        });

        (function () {
            $(".change-count .num").each(function () {
                var num = $(this).text();
                if (num <= 1) {
                    $(this).prev(".btn-min").prop("disabled", true);
                }
            });

            $(".btn-min").click(function () {
                formatCount(this, 'min')
            });

            $(".btn-add").click(function () {
                formatCount(this, 'add')
            });

            function formatCount(ele, type) {
                if (!$(ele).prop("disabled")) {
                    var count = $(ele).parent().find(".num").text();
                    type == "add" ? count++ : count--;
                    $(ele).parent().find(".num").text(count);
                    if (count > 1) {
                        $(ele).parent().find(".btn-min").prop("disabled", false);
                    }else {
                        $(ele).parent().find(".btn-min").prop("disabled", true);
                    }
                }
            }
        }());
